<script lang="ts" setup>
import CommonPage from "@/newComponents/CommonPage.vue";
import { formatter } from "@/utils/formatterUtils";
import LzTagAPI from "@/api/content/lz-tag";
import TagDialog from "@/views/content/lz-tag/TagDialog.vue";

const pageRef = ref();
</script>
<template>
  <common-page ref="pageRef" :page-api="LzTagAPI" :component="TagDialog">
    <template #formContent="{ filters }">
      <el-form-item label="标签名" prop="name">
        <el-input v-model="filters.name" placeholder="请输入标签名" clearable></el-input>
      </el-form-item>
    </template>
    <template #tableContent>
      <el-table-column key="id" label="id" prop="id" min-width="150" align="center" :formatter />
      <el-table-column label="标签名" prop="name" align="center" :formatter />
      <el-table-column label="创建时间" prop="remark" align="center" :formatter="formatter" />
    </template>
  </common-page>
</template>
<style lang="scss" scoped></style>
